<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    {include file="../application/common/view/index/header_link.html" /}
    <link rel="stylesheet" type="text/css" href="/static/css/login_register.css">
</head>
<body>
<div class="container-fluid">
    {include file="../application/common/view/index/header.html" /}
    <div class="main">
        <section>
            <article>
                <!--注册-->
                <div class="add main-left">
                    <form id="dome1" class="overlay-panel" action="">
                        <h1 style="margin-top: 100px">注册</h1>
                        <p><input id="username" onblur="UserName()" class="form-control" type="text" style="width: 250px; margin: 0 auto;" placeholder="账号"></p>
                        <p><input id="password" onblur="PassWord()" class="form-control" type="password" style="width: 250px; margin: 0 auto;" placeholder="密码"></p>
                        <p><input id="email" onblur="Email()" class="form-control" type="email" style="width: 250px; margin: 0 auto;" placeholder="邮箱"></p>
                        <p><a href="#">感到疑惑？</a></p>
                        <button id="regbtn" type="button" class="btn btn-success" disabled="disabled">注册</button>
                    </form>
                    <div id="dome2" class="overlay-panel overlay-left">
                        <h1 style="margin-top: 150px">欢迎回来！</h1>
                        <p>我们的目标是为大家提供一个学习，交流的环境。我们表达自己的想法，学习更多的知识，提出自己的问题，为大家答疑，解惑，让我们一起变得更加优秀。</p>
                        <button type="button" onclick="login()" class="btn btn-success">欢迎注册</button>
                    </div>
                </div>
                <!--登录-->
                <div class="add main-right">
                    <form id="dome3" class="overlay-panel" action="">
                        <h1 style="margin-top: 100px">登录</h1>
                        <div class="social-container">
                            <div class=""></div>
                            <div class=""></div>
                            <div class=""></div>
                        </div>
                        <p>第三方账号登录</p>
                        <p><input class="form-control" type="text" style="width: 250px; margin: 0 auto;" placeholder="账号"></p>
                        <p><input class="form-control" type="text" style="width: 250px; margin: 0 auto;" placeholder="密码"></p>
                        <div style="width: 250px; height: 40px; margin: 0 auto;">
                             <input class="form-control" type="text" style="width: 140px; float: left;" placeholder="">
                             <div style="width: 100px; height: 39px; border: 1px solid #000000; float: right; border-radius: 5px;"></div>
                        </div>
                        <p></p>
                        <p><a href="#">忘记密码？</a></p>
                        <button type="button" class="btn btn-success">登录</button>
                    </form>
                    <div id="dome4" class="overlay-panel overlay-right">
                        <h1 style="margin-top: 150px">加入我们！</h1>
                        <p>我们的目标是为大家提供一个学习，交流的环境。我们表达自己的想法，学习更多的知识，提出自己的问题，为大家答疑，解惑，让我们一起变得更加优秀。</p>
                        <button type="button" onclick="register()" class="btn btn-success">欢迎登录</button>
                    </div>
                </div>
                <!--覆盖-->
                <div id="overlay" class="overlay-container"></div>
            </article>
        </section>
    </div>
    {include file="../application/common/view/index/footer.html" /}
</div>
</body>
{include file="../application/common/view/index/footer_link.html" /}
<script type="text/javascript" src="/static/js/login_register.js"></script>
</html>